<template>
  <div class="base">
    <el-row class="mybtn">
      <el-button type="success ">入驻下厨房市集</el-button>
      <el-button type="success ">广告合作</el-button>
    </el-row>
    <div class="txt">
      <div class="left">
        <div>
          <a href="">美食生活杂志</a>
          <a href="">厨房工作</a>
          <a href="">社区指导原则</a>
          <a href="">下厨房出版的书</a>
          <a href="">帮助中心</a>
          <a href="">联系我们</a>
          <a href="">隐私政策</a>
          <a href="">关于我们</a>
        </div>
        <div>
          <span>Copyright © xiachufang.com</span>
          <span>京B2-20180499</span>
          <a href="http://www.miibeian.gov.cn/">京ICP备13009078号-1</a>
          <span> 京公网安备11010802022310号</span>
          <span>证照中心</span>
        </div>
        <div>
          <span>违法和不良信息举报电话：010-52800126</span>
          <span>举报邮箱：talk@xiachufang.com</span>
          <span>未成年专项举报邮箱：wcnbh@xiachufang.com</span>
        </div>
      </div>
      <div class="right">
        <div class="myimg">
          <img src="https://s.chuimg.com/simpleicons/sinaweibo.svg" alt="" />
          <img src="https://s.chuimg.com/simpleicons/twitter.svg" alt="" />
        </div>
        <div>唯有美食与爱不可辜负</div>
      </div>
    </div>
  </div>
</template>

<script lang="ts">
// import Vue from "vue";

export default {};
</script>

<style  scoped>
.base {
  /* position: absolute;
  bottom: 0px; */
  width: 1021px;
  /* height: 500px; */
  margin: 0 auto;
  padding-bottom: 100px;
}
.mybtn {
  margin-top: 50px;
}
.txt {
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
}
.left a {
  display: inline-block;
  text-decoration: none;
}
.left span,
.left a {
  margin-right: 10px;
  font-size: 14px;
  color: #909191;
}
.myimg {
  text-align: end;
}
.right img {
  width: 18px;
  height: 18px;
}
.right div {
  font-size: 14px;
  color: #909191;
}
</style>